<template>
  <div>
    <el-tooltip class="item" effect="dark" :content="$t('身份认证')" placement="top-start">
      <i :class="{auth_active:row.identityAuth  === 1}"
         class="iconfont cursor_pointer auth  iconshouchishenfenzheng"></i>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" :content="$t('个人信息')" placement="top-start">
      <i :class="{auth_active:row.personalInfoAuth === 1}"
         class="iconfont cursor_pointer auth iconinformation"></i>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" :content="$t('工作信息')" placement="top-start">
      <i :class="{auth_active:row.workInfoAuth === 1}"
         class="iconfont cursor_pointer auth icongongzuoxinxi"></i>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" :content="$t('紧急联系人')" placement="top-start">
      <i :class="{auth_active:row.emergencyContactAuth === 1}"
         class="iconfont cursor_pointer auth iconjinjilianxiren"></i>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" :content="$t('运营商授权')" placement="top-start">
      <i :class="{auth_active:row.operatorAuth === 1}"
         class="iconfont cursor_pointer auth iconyunyingshang-xuanzhong"></i>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" :content="$t('银行卡包')" placement="top-start">
      <i :class="{auth_active:row.bankCardAuth === 1}"
         class="iconfont cursor_pointer auth iconqiabao"></i>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  props: ['row']
}
</script>

<style scoped>
.auth {
  font-size: 22px !important;
  margin-right: 10px;
}

.auth_active {
  color: #F1B901 !important;
}
</style>
